.vip{
	height: 100vh;
	background: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/77bd2ae7-facc-4492-860b-64294a5a272b.png) no-repeat;
	background-size: 100% 100%;
	background-position: 0rpx var(--height);
	background-color: #023082;
	display: flex;
	flex-direction: column;
	align-items: center;
	.vip-interests-list-container{
		width: 636rpx;
		display: flex;
		justify-content: space-between;
		margin-top: 522rpx;
		.vip-interests-item{
			display: flex;
			flex-direction: column;
			align-items: center;
			.interests-icon-wrapper{
				width: 100rpx;
				height: 100rpx;
				margin-bottom: 8rpx;
			}
			.interests-name{
				font-family: $global-font-family;
				color:#fddbb5;
				font-size:26rpx;
				height: 36rpx;
				line-height: 36rpx;
			}
		}
	}
	.vip-interests-content-container{
		width:692rpx;
		height:376rpx;
		background-image:linear-gradient(141.38deg,#ffdba4 0%,#ffeedb 47.07%,#f5a03f 100%);
		border-radius:40rpx;
		margin-top: 48rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		padding:5rpx 0rpx 5rpx 0rpx;
		.vip-interests-content-item{
			display: flex;
			align-items: center;
			&::before{
				content:"";
				width:6rpx;
				height:52rpx;
				background-color:#914837;
				margin-right: 22rpx;
			}
			.vip-interests-content{
				// height: 68rpx;
				width: 576rpx;
				font-family: $global-font-family;
				color:#333333;
				font-size:24rpx;
				line-height: 34rpx;
			}
		}
	}
	.open-vip-container{
		width:654rpx;
		height:92rpx;
		background: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/47205ec3-db09-4b65-bba3-a9589c8dbdb0.png) no-repeat;
		background-size: 100% 100%;
		display: flex;
		justify-content: space-between;
		padding: 0rpx 34rpx 0rpx 40rpx;
		align-items: center;
		position: relative;
		margin-top: 192rpx;
		.open-vip-left{
			.open-vip-label{
				height:44rpx;
				font-family: $global-font-family;
				font-weight:700;
				color:#641a09;
				font-size:32rpx;
				margin-bottom: 4rpx;
				line-height: 44rpx;
			}
			.open-vip-slogan{
				height:28rpx;
				font-family: $global-font-family;
				color:#6d2a1c;
				font-size:20rpx;
				line-height: 28rpx;
			}
		}
		.open-vip-right{
			height:40rpx;
			font-family: $global-font-family;
			color:#ffe5c4;
			font-size:28rpx;
			line-height: 40rpx;
		}
		.open-vip-hint{
			position: absolute;
			height:34rpx;
		    font-family: $global-font-family;
			color:#ffffff;
			font-size:24rpx;
			top: -44rpx;
			left: 50%;
			transform: translateX(-50%);
			width: 504rpx;
			.entrance{
				color: #f9c67a;
				text-decoration:underline;
			}
		}
	}
}